---
title: AstroサイトをRenderにデプロイする
description: RenderでAstroサイトをデプロイする方法。
type: deploy
logo: render
supports: ['static']
sidebar:
  label: Render
i18nReady: true
---
import { Steps } from '@astrojs/starlight/components';

[Render](https://render.com/)は、無料のTLS証明書、グローバルCDN、DDoS保護、プライベートネットワーク、Gitからの自動デプロイを備えたウェブサイトを構築するサービスで、Astroのプロジェクトをデプロイできます。

## デプロイ方法

<Steps>
1. [render.comアカウント](https://dashboard.render.com/)を作成し、サインインします。

2. ダッシュボードの **New +** ボタンをクリックし、**Static Site**を選択します。

3. [GitHub](https://github.com/)または[GitLab](https://about.gitlab.com/)リポジトリを接続するか、代わりにパブリックリポジトリのパブリックURLを入力します。

4. ウェブサイトに名前を付け、ブランチを選択し、ビルドコマンドと公開ディレクトリを指定します。
   - **build command:** `npm run build`
   - **publish directory:** 静的サイトには`dist`、`server`か`hybrid`のサーバーレンダリングモードを使用する場合は`dist/client`
   - **Environment variables (advanced)**: 初期設定では、RenderはNode.js 14.17.0を使用しますが、Astroは[より高いバージョンを必要とします](/ja/install-and-setup/#前提条件)。Renderに互換性のあるNode.jsバージョンを使用するよう指示をするため、**Variable key**を`NODE_VERSION`に、**Value**を`18.17.1`か`v20.3.0`以上に設定する環境変数を追加します。もしくは、[`.node-version`](https://render.com/docs/node-version)または[`.nvmrc`](https://render.com/docs/node-version)ファイルをプロジェクトに追加し、Node.jsバージョンを指定します。

5. **Create Static Site**ボタンをクリックします。
</Steps>
